.message-list-wrap {
  width: 100%;
  padding: 8px 0px 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
  .toolbar-wrap {
    width: 100%;
    height: 42px;
    padding: 0 8px 10px;
  }
  .message-list-ct {
    overflow-y: auto;
    padding: 0 8px;
  }

  .message-list {
    background: #fff;
    border-radius: 4px;
    line-height: 38px;
    margin-bottom: 8px;
    box-shadow: 0 1px 4px rgba(0, 21, 41, 0.12);
    padding: 0 14px;
    border-left: 4px solid transparent;
    cursor: pointer;
    position: relative;
    &:last-child {
      margin-bottom: 0;
    }
    &.selected {
      &::before {
        position: absolute;
        left: -4px;
        top: 4px;
        width: 0;
        height: 36px;
        border: 5px solid transparent;
        border-left: 5px solid #16ba3c;
        content: '';
      }
    }
    .edit {
      float: right;
      padding: 0 18px;
      color: #00a0e9;
      cursor: pointer;
    }
  }
}
.check-all,
.message-list {
  font-size: 13px;
  :global {
    .ant-checkbox-wrapper {
      font-size: 13px;
    }
    .ant-checkbox-wrapper:hover .ant-checkbox-inner,
    .ant-checkbox:hover .ant-checkbox-inner,
    .ant-checkbox-input:focus + .ant-checkbox-inner {
      border-color: #eee;
    }
    .ant-checkbox + span {
      padding-right: 8px;
      padding-left: 14px;
    }
    .ant-checkbox-inner {
      box-shadow: inset 0 0px 4px rgba(0, 21, 41, 0.12);
      background-color: #eee;
      border-color: #eee;
      &:hover {
        background-color: #eee;
        border: 1px solid #eee;
      }
    }
    .ant-checkbox-checked .ant-checkbox-inner {
      background-color: #00a0e9;
      border-color: #00a0e9;
    }
  }
}
